<style>
    /*#dest-folder h3,#dest-folder p,#folder-list p{*/
        /*margin:0;*/
        /*color:#3c3c3c;*/
    /*}*/
    /*.header-align{*/
        /*line-height:44px;font-size:20px;*/
    /*}*/
    /*.pdingtb-10{*/
        /*padding-top:10px;*/
        /*padding-bottom:10px;*/
    /*}*/
    /*.bor-bt{*/
        /*border-bottom:1px solid #ddd;*/
    /*}*/
    /*.folder-list-align{*/
        /*line-height:36px;font-size:20px;*/
    /*}*/
    /*#folder-tree{*/
        /*max-height:550px;*/
        /*overflow-y: auto;*/
    /*}*/
    /*.tooltip-ui-adjust{*/
        /*min-width:150px;*/
    /*}*/
    .folder-container {
        border: 1px solid #ccc;
        max-height: 300px;
        overflow-y: auto;
    }
    .folder-container .list-group-item {
        border: none;
    }
</style>
<div class="modal-header" style="background:white;border-bottom:1px solid #ddd;color:black;border-radius: 4px;">
    <h4 class="modal-title text-center text-capitalize">{{ 'move_to' | translate }}
        <button type="button" class="close" ng-click="cancel()">&times;</button>
    </h4>
    <!--<div class="row" id="dest-folder">-->
        <!--<div class="col-sm-1 text-center header-align cur-p"  ng-click="backOf(destFolder)" ng-hide="destFolder.isRoot()">-->
            <!--<i tooltip-placement="bottom" uib-tooltip="{{ 'back_to_pare_folder' | translate }}" class="fa fa-angle-left"></i>-->
        <!--</div>-->
        <!--<div ng-class="{'col-sm-11':destFolder.isRoot(),'col-sm-10':!destFolder.isRoot()}">-->
            <!--<p>{{ 'dest_folder' | translate }}</p>-->
            <!--<h4><strong>{{ destFolder.name }}</strong></h4>-->
        <!--</div>-->
        <!--&lt;!&ndash;<div class="col-sm-1 text-center header-align" ng-click="cancel()">&ndash;&gt;-->
        <!--&lt;!&ndash;<span class="fa-stack" style="width:1em;">&ndash;&gt;-->
        <!--&lt;!&ndash;<i class="fa fa-folder fa-stack-1x" style="color:#797979;"></i>&ndash;&gt;-->
        <!--&lt;!&ndash;<i class="fa fa-plus fa-stack-1x" style="color:white;font-size:6px;"></i>&ndash;&gt;-->
        <!--&lt;!&ndash;</span>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
    <!--</div>-->
</div>
<div class="modal-body" id="folder-tree">
    <h4 class="folder-title">
        <span class="col-sm-1 text-center header-align cur-p"  ng-click="backOf(destFolder)" ng-hide="destFolder.isRoot()">
            <i  title="{{ 'back_to_pare_folder' | translate }}" class="fa fa-arrow-left"></i>
        </span>
        <span ng-if="destFolder.needTranslate()">
            {{ destFolder.name | translate }}
        </span>
        <span ng-if="!destFolder.needTranslate()">
                    {{ destFolder.name }}
        </span>

    </h4>
    <div class="folder-container" ng-show="destFolder.folderList.length">
        <ul class="list-group">
            <li class="list-group-item" ng-repeat="folder in destFolder.folderList"

                 ng-click="moveTargetId != folder.id && enterIn(folder)">
                <i class="fa fa-folder"></i>
                <span ng-show="folder.needTranslate()" title="{{ 'go_to' | translate }}{{ folder.name | translate }}{{ ' ' }}{{ 'Folder' | translate }}">
                    {{ folder.name | translate}}
                </span>
                <span ng-show="!folder.needTranslate()" title="{{ 'go_to' | translate }}{{ folder.name }}{{ ' ' }}{{ 'Folder' | translate }}">
                    {{ folder.name }}
                </span>

            </li>
        </ul>
    </div>
    <!--<div>-->
        <!--<div ng-repeat="folder in destFolder.folderList" tooltip-placement="auto"-->
             <!--uib-tooltip="{{ 'go_to' | translate }}{{ folder.name }}{{ ' ' }}{{ 'Folder' | translate }}"-->
             <!--tooltip-class="tooltip-ui-adjust" tooltip-append-to-body="true"-->
             <!--ng-click="moveTargetId != folder.id && enterIn(folder)">-->
            <!--<i class="fa fa-folder"></i>-->
            <!--{{ folder.name }}-->
        <!--</div>-->
        <!--<div class="row bor-bt" id="folder-list" ng-repeat="folder in destFolder.folderList">-->
            <!--<div class="col-sm-1 text-center pdingtb-10 folder-list-align">-->
                <!--<i class="fa fa-folder"></i>-->
            <!--</div>-->
            <!--<div class="col-sm-10 pdingtb-10">-->
                <!--<p class="long-words-handle"><strong>{{ folder.name }}</strong></p>-->
                <!--&lt;!&ndash;<p>{{ new Date(folder.lastModificationDate) }}</p>&ndash;&gt;-->
                <!--<p>{{ 'last_modification_date' | translate }} {{ folder.lastModificationDate | date:'yyyy-MM-dd' }} <span class="text-danger" ng-show="!folder.allowableActions.canCreateDocument">{{ 'can_not_move' | translate }}</span></p>-->
            <!--</div>-->
            <!--<div  class="col-sm-1 text-center pdingtb-10 folder-list-align cur-p" ng-show="moveTargetId != folder.id" ng-click="enterIn(folder)">-->
                <!--<i tooltip-placement="auto"-->
                   <!--uib-tooltip="{{ 'go_to' | translate }}{{ folder.name }}{{ ' ' }}{{ 'Folder' | translate }}"-->
                   <!--tooltip-class="tooltip-ui-adjust" tooltip-append-to-body="true" class="fa fa-angle-right"></i>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="clear"></div>-->
    <!--</div>-->
</div>
<div class="modal-footer" style="border-top: none;">
    <button class="btn btn-default pull-right "  ng-click="cancel()">{{ 'cancel' | translate }}</button>
    <button class="btn btn-custom-primary m-r-10 pull-right" ng-click="ok()" ng-disabled="isDisabled()">{{ 'move_here' | translate }}</button>
</div>